<template>
    <div class="content">
        <Card>
            <div class="title">
                友链广场
            </div>
            <div class="friend-text text">
                你好！你可以发送你的地址至 <strong>lhzyyhlyc@163.com</strong>
                并附上你的头图链接（也可以没有），我会不定时查看邮箱并及时为你加入广场。若你有意向的话也可以将我的地址 <strong>http://superbearside.fun</strong> 加入你的友链中
            </div>
            <div class="friends-content">
                <Card class="friends-item">
                    <div class="friends-item-img">

                    </div>
                    <div class="friends-item-text text">
                        样例友链标题
                        <div class="friends-item-text-info info-text">
                            样例友链介绍
                        </div>
                    </div>
                </Card>
            </div>
        </Card>
    </div>
</template>
<script lang="ts" setup>

</script>
<style scoped lang="scss">
.content {
    padding: 0px 10px;
}

.friend-text {
    border-left: 3px solid $theme-color;
}

.friends-content {
    .friends-item{
        display: flex;
        flex-direction: row;
        border: 5px solid $theme-color;
        width: 300px;
        height: 5rem;
    }
}
</style>